<template>
  <el-page-header content="新增题目" @back="goBack"/>
  <el-card class="mt-2">
    <el-form label-width="140px">
      <el-form-item label="题目名称">
        <el-input></el-input>
      </el-form-item>
      <el-form-item label="所属培训类型">
        <el-select>
          <el-option>1</el-option>
          <el-option>2</el-option>
          <el-option>3</el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="题型选择">
        <el-radio-group v-model="formData.teType">
          <el-radio label="1">单选</el-radio>
          <el-radio label="2">多选</el-radio>
          <el-radio label="3">判断</el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item label="答案选项">
        <!--        单选-->
        <el-card>
          <el-radio-group style="display: flex;flex-direction: column;align-items: flex-start">
            <el-radio :label="3">
              <span>A</span>
              <el-input placeholder="请输入备选答案"></el-input>
            </el-radio>
            <el-radio :label="3">
              <span>B</span>
              <el-input placeholder="请输入备选答案"></el-input>
            </el-radio>
            <el-radio :label="3">
              <span>C</span>
              <el-input placeholder="请输入备选答案"></el-input>
            </el-radio>
          </el-radio-group>
          <el-button type="primary">新增选项</el-button>
        </el-card>
        <!--        多选-->
        <!--判断-->
      </el-form-item>
      <el-form-item label="答案解析">
        <el-input type="textarea"></el-input>
      </el-form-item>
    </el-form>
  </el-card>


</template>

<script>
export default {
  name: "add"
}
</script>
<script setup>
import {useRouter} from "vue-router";
import {reactive} from "vue";

const router = useRouter()
const formData = reactive({
  teType: '1'
})
const goBack = () => {
  router.go(-1)
}
</script>

<style scoped>

</style>
